<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    //写一个函数，实现首字母大写 GetElementById
    var str = "get-element-by-id"

    function fn(s) {
      var newstr = str.split("-"); //返回数组
      console.log(newstr);
      var ss = ""
      for (var i = 0; i < newstr.length; i++) {
        // console.log(newstr[i][0].toUpperCase()+newstr[i].substring(1));
        ss += newstr[i][0].toUpperCase() + newstr[i].substring(1) //substring 表示从1之后截取全部
      }
      console.log(ss)
    }
    fn(str);
    console.log("----------------------------")
    var user = "前端菜鸟";

    function first() {
      console.log(user);
    }

    function second() {
      var user = "前端大神";
      first();
    }
    second();
    // 答案解析:
    // 1. 在first函数的“ 局部作用域” 中调用user变量;
    // 2. 在first函数这个“ 局部作用域” 中没有user的变
    // 量空间， 此时向上一层作用域(window) 中查
    // 找。
  </script>
</body>

</html>